<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="icon" type="image/x-icon" href="../images/favicon.ico" />
    <meta http-equiv="Content-language" content="vi" />
    <meta name="viewport" content="width = device-width, height = device-height, user-scalable = no;initial-scale=1.0;maximum-scale=1.0;">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Menu</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen" />
    <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        window.onscroll = function(e){
            var getScrollTop = window.pageYOffset;
            var getShoppingCart = document.getElementById("sys_shopping_cart");
            /*if(getScrollTop > 50) {
                getShoppingCart.className = getShoppingCart.className.replace(" sticky", "") + " sticky";
            }else{
                getShoppingCart.className = getShoppingCart.className.replace(" sticky", "");
            }*/
        };
    </script>
</head>

<body>
<header class="clearfix">
    <a class="logo" href="#">
        <img width="102" src="../images/logo.png" alt="Eat.vn - $slogan">
    </a>
    <a class="link-account" href="#">
        <i class="icon iAccount"></i>
    </a>
    <i class="icon iSep"></i>
</header>

<div class="module-menu has-head">
    <div id="sys_shopping_cart" class="module-shop-cart active_">
        <div class="above-shop-cart clearfix">
            <i class="icon iShoppingCart"></i>
            <i class="icon iSepSmall"></i>
            <span class="count-item">Giỏ hàng: <span>3</span></span>
            <i class="icon iArrowDownGray"></i>
            <span class="count-price">300.000đ</span>
        </div><!--end: above-shop-cart-->
        <div class="below-shop-cart">
            <div class="lst-item-cart">
                <span class="shop-cart-item clearfix">
                    <img class="thumb" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                    <span class="right-info">
                        <span class="item-name">BBQ pork rice</span>
                        <span class="item-price">65,800đ x 2</span>
                    </span>
                    <i class="icon iDel"></i>
                </span><!--end: shop-cart-item-->
                <span class="shop-cart-item clearfix">
                    <img class="thumb" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                    <span class="right-info">
                        <span class="item-name">BBQ pork rice</span>
                        <span class="item-price">65,800đ x 2</span>
                    </span>
                    <i class="icon iDel"></i>
                </span><!--end: shop-cart-item-->
                <span class="shop-cart-item clearfix">
                    <img class="thumb" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                    <span class="right-info">
                        <span class="item-name">BBQ pork rice</span>
                        <span class="item-price">65,800đ x 2</span>
                    </span>
                    <i class="icon iDel"></i>
                </span><!--end: shop-cart-item-->
                <span class="shop-cart-item clearfix">
                    <img class="thumb" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                    <span class="right-info">
                        <span class="item-name">BBQ pork rice</span>
                        <span class="item-price">65,800đ x 2</span>
                    </span>
                    <i class="icon iDel"></i>
                </span><!--end: shop-cart-item-->
            </div>
            <div class="total-price clearfix">
                <span>Tổng tiền:</span>
                <span>300.000đ</span>
            </div>
            <div class="btn-yellow">
                <i class="icon iCheckOut"></i>
                Check out
            </div>
        </div><!-- end: below-shop-cart-->
    </div>

    <div class="normal_message message">
        <p>
            <b>Delivery fee to District 1: </b> 10,000d<br>
            <b>Minimum order value:</b> 70,000d (otherwise you can not check out)
        </p>
    </div>

    <div class="main-content-box">
        <div class="menus-item">
            <h2 class="title">
                chicken
                <i class="icon iArrowDown"></i>
            </h2>
            <span class="food-item active-popup clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
                <span class="pop-option">
                    <span class="pop-content">
                        <form action="services/add2cart.php" method="post">
                            <span class="title clearfix">
                                Tùy chọn
                                <span class="btn-close">
                                    <i class="icon iClose"></i>
                                </span>
                            </span>
                            <span class="option-item clearfix">
                                <label for="sys_select_op1">Cỡ đế</label>
                                <i class="icon iArrowUpDown"></i>
                                <select name="sys_select_op1" id="sys_select_op1">
                                    <option value="5525">Đế dày</option>
                                    <option value="5541">Đế mỏng</option>
                                    <option value="1525">Đế vừa</option>
                                </select>
                            </span>
                            <span class="option-item clearfix">
                                <label for="sys_select_op2">Số lượng</label>
                                <i class="icon iArrowUpDown"></i>
                                <select name="sys_select_op2" id="sys_select_op2">
                                    <option value="5525">10</option>
                                    <option value="5541">8</option>
                                    <option value="1525">5</option>
                                </select>
                            </span>
                            <span class="wrap-btn-submit">
                                <input type="submit" value="OK" class="btn-red">
                            </span>
                        </form>
                    </span>
                </span>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
        </div><!--end: menus-item-->
        <div class="menus-item">
            <h2 class="title">
                salad
                <i class="icon iArrowUp"></i>
            </h2>

            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
            <span class="food-item clearfix">
                <img class="thumb-food" src="../images/ex/t86-0.png" alt="$FOOD_NAME">
                <span class="right-info">
                    <span class="foot-name">BBQ pork rice</span>
                    <span class="foot-price">65,800đ</span>
                </span>
                <i class="icon iPlug"></i>
            </span><!--end: food-item-->
        </div><!--end: menus-item-->
    </div>
</div>

</body>

</html>


